<template>
  <div class="spin_con">
  </div>
</template>

<script>
export default {
  
}
</script>


<style>

.radian_line {
  width: 100px;
  height: 100px;

  border-radius: 50%;
  border: 1px solid orange;
  position: relative;
  /* transform: rotate(80deg); */
}

.level_item {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: violet;
}

.itemtc {
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
}

.itemtl {
  top: -10px;
  left: 0;
}

.radian_line::after {
  /* content: ' '; */
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 51%;
  height: 100%;
  background: #fff;

}
</style>